<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Document</title>
	</head>

	<body>
		<!-- 
    size  可选项，用于改变下拉框的大小。
    name  选择栏名称
    multiple  如果加上该属性，表示允许用户从列表中选择多项
    -->
		<select name="" id="" size="" multiple="">
			<!-- 
        如果列表选项有很多，则可以使用<optgroup>标签对相关选项分组。
        label  为选项组指定说明文字，本属性必须设置。
        disabled  设置用该选项组，属性值是disabled。
        -->
			<optgroup label="" disabled="">
				<!-- 
            value  定义该列表项对应地送往服务器的参数。若省略，则初值为option元素中的内容。
            selected  指定该选项的初始状态为选中，其属性值只能是selected。
            -->
				<option value="" selected="selected">

				</option>
			</optgroup>
		</select>


		<div>
			<h2>员工信息调查</h2>
			<form action="">
				<p>
					职业：<select size="3" name="work" id="">
						<option value="政府职员" id="1">政府职员</option>
						<option value="工程师" id="1" selected="selected">工程师</option>
						<option value="工人">工人</option>
						<option value="教师" selected="selected">教师</option>
						<option value="医生">医生</option>
						<option value="学生" selected="selected">学生</option>
					</select>
				</p>
				<p>
					收入:<select name="salary">
						<optgroup label="低收入">
							<option value="2k以下">2000元以下</option>
							<option value="2k-3k">2——3k</option>
						</optgroup>
						<optgroup label="中等收入">
							<option value="3k-5k">3-5k</option>
							<option value="5k-10k">5k-10k</option>
						</optgroup>
						<optgroup label="高收入">
							<option value="10k">大于10k</option>
						</optgroup>
					</select>
				</p>
				<p>
					多选:<select name="a" id="1" multiple>
						<option value="苹果">苹果</option>
						<option value="香蕉">香蕉</option>
						<option value="葡萄">葡萄</option>
						<option value="橘子">橘子</option>
						<option value="西瓜">西瓜</option>
					</select>
				</p>
			</form>
		</div>
	</body>

</html>